<!-- review -->
<section class="one-section one-review-section wt pc-safeTop2 pc-safeBottom wap-safeCol2" data-title="review">
  <div class="pc-safeRow wap-safeRow">
    <p class="one-h1">{{ section.settings.title }}</p>
    <div class="one-review-swiper">
      <div class="swiper-wrapper">
        {%- for block in section.blocks -%}
          <div class="swiper-slide">
            <div class="one-review-swiper-item one-pc-flexRow">
              <picture class="one-review-img">
                <img class="cover" src="{{ block.settings.desktop_image | img_url: "master" }}" loading="lazy">
              </picture>
              <div class="one-review-info">
                <div class="one-title">
                  <p class="one-sh1">
                    {{ block.settings.title }}
                  </p>
                  <p class="one-sh3">
                    {{ block.settings.desc }}
                  </p>
                </div>
              </div>
              <svg
                class="one-review-btn one-wapOnly"
                xmlns="http://www.w3.org/2000/svg"
                width="30"
                height="30"
                viewBox="0 0 30 30"
                fill="none"
              >
                <path
                    d="M15 2C22.1797 2 28 7.8203 28 15C28 22.1797 22.1797 28 15 28C7.8203 28 2 22.1797 2 15C2 7.8203 7.8203 2 15 2ZM14.334 9V14.334H9V15.667H14.334V21.001H15.667V15.667H21.001V14.334H15.667V9H14.334Z"
                    fill="white" />
              </svg>
            </div>
          </div>
        {%- endfor -%}
      </div>
    </div>
    <div class="one-review-pagebtn-list one-pc-flexRow one-wap-flexRow">
      <svg
        class="one-review-pagebtn left"
        xmlns="http://www.w3.org/2000/svg"
        width="46"
        height="46"
        viewBox="0 0 46 46"
        fill="none"
      >
        <rect width="46" height="46" rx="23" fill="#0060EF" />
        <path d="M26.0273 14.5263L17.5537 22.9999L26.0273 31.4736" stroke="#fff" stroke-width="2.42105"
            stroke-linecap="round" stroke-linejoin="round" />
      </svg>
      <svg
        class="one-review-pagebtn right"
        xmlns="http://www.w3.org/2000/svg"
        width="46"
        height="46"
        viewBox="0 0 46 46"
        fill="none"
      >
        <rect width="46" height="46" rx="23" fill="#0060EF" />
        <path d="M26.0273 14.5263L17.5537 22.9999L26.0273 31.4736" stroke="#fff" stroke-width="2.42105"
            stroke-linecap="round" stroke-linejoin="round" />
      </svg>
    </div>
  </div>
</section>

{% schema %}
{
  "name": "review",
  "settings": [
    {
      "type": "text",
      "id": "title",
      "label": "Title",
      "default": "Influencer Review"
    }
  ],
  "blocks": [
    {
      "type": "slide",
      "name": "Slide",
      "settings": [
        {
          "label": "Desktop image",
          "type": "image_picker",
          "id": "desktop_image"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Title"
        },
        {
          "type": "text",
          "id": "desc",
          "label": "desc"
        }
      ]
    }
  ]
}
{% endschema %}
